/* 
    Document   : login
    Created on : 23/01/2014, 04:15:23 PM
    Author     : ivan naranjo
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{
    background: #bfd255; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
    background: linear-gradient(135deg,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    /*background-repeat: repeat-x;*/
    height: auto;
}

div.content{    
    width:280px; 
    margin:0 auto;
    margin-top: 40px;    
    background-color: #fff;
    /*border: solid 8px #CCDCE3;*/
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    border: 20px solid rgba(80,80,80,0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 0px 50px;
    padding-top: 10px;
}

div.logo{
    margin-bottom: 10px;
    margin-left: -40px;
    margin-right: -40px;
    text-align: center;

}

span.logo-text{
    margin-top: 10px;
    color: #ABD3DF;
    font-size: 30px;
    font-weight: bold;
    font-family: cursive;
}
div.alert{
    text-align:center;
}
div.keep-logged{
    padding:10px 0; 
}
div.keep-logged label{
    color: #999;
}
div.keep-logged input{
    margin-bottom: 6px;
}
div.form .rememberMe label
{
    display: inline;
}

div.form input
{
    height: 30px;
}


